html {
  height: 100%;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
}

a {
  color: #00B7FF;
}

.content {
  width: 640px;
  height: 230px;
  bottom: 0;
  position: absolute;
}

.message {
  width: 637px;
  height: 200px;
  margin-bottom: 5px;
}

.chat-box {
  width: 650px;
  margin-left: 680px;
  position: absolute;
  top: 30px;
  bottom: 30px;
}

.player {
  margin: auto;
  top: 30px;
  right: 30px;
  left: 30px;
  bottom: 30px;
  position: absolute;
}

@media screen and (max-width: 1400px) {
  .message {
    height: 2em;
  }
  .content {
    height: 80px;
  }
  .chat-box {
    top: 15px;
    bottom: 15px;
  }
  .player {
    top: 15px;
    bottom: 15px;
  }
}
